<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Login Page</title>
        <!-- 样 式 文 件 -->
        <link rel="stylesheet" href="component/pear/css/pear.css"/>
        <link rel="stylesheet" href="admin/css/other/login.css"/>
    </head>


    <body background="admin/images/background.svg" style="background-size: cover;">
        <form class="layui-form" action="javascript:void(0);">
            <div class="layui-form-item">
                <img class="logo" src="admin/images/logo.png" />
                <div class="title">注册用户</div>
            </div>
            <div class="layui-form-item">
                <input type="text" placeholder="姓名 " lay-verify="required" hover class="layui-input" name="applyUserName" />
            </div>
            <div class="layui-form-item">
                <input type="text" placeholder="手机号 " lay-verify="required | phone" hover class="layui-input" name="phone" />
            </div>
            <div class="layui-form-item">
                <input type="password" placeholder="密码 " lay-verify="required" hover class="layui-input" name="password" />
            </div>
            <div class="layui-form-item">
                <button type="button" class="pear-btn pear-btn-success register" lay-submit lay-filter="register">
                    提交
                </button>
            </div>
        </form>


        <!-- 资 源 引 入 -->
        <script src="component/layui/layui.js"></script>
        <script src="component/pear/pear.js"></script>
        <script>
            layui.use(['form', 'button', 'popup'], function() {
                var form = layui.form;
                var button = layui.button;
                var popup = layui.popup;
                var $ = layui.$;
                form.on('submit(register)', function(data) {

                    $.ajax({
                        async: false,
                        method: 'post',
                        url: '/applyUser/registerApplyUser',
                        data: JSON.stringify(data.field),
                        contentType: 'application/json',
                        processData: false,
                        success: function(res){
                            console.log(JSON.stringify(res))
                            if(res.code == 0) {
                                //进行接口交互，如果成功就登录成功并且进行跳转，将用户信息放在SessionSotrage里
                                popup.success("注册成功", function() {
                                    location.href = "/"
                                });
                            }else {
                                popup.failure(res.msg, function () {

                                });
                            }
                        }
                    });

                });

            });
        </script>
    </body>
</html>